<em>import React from 'react'</em>
<em>import { <q>useRoutes</q> } from 'react-router-dom'</em>

<em>const</em> <u>Index</u> 	= <em>Import('index')</em>
<em>const</em> <u>Main</u> 	= <em>Import('main')</em>
<em>const</em> <u>News</u> 	= <em>Import('news')</em>
<em>const</em> <u>NotFound</u> 	= <em>Import('404')</em>

<em>export default ( ) =></em> <q>useRoutes([</q>
	<em># 基本路由</em>
	{ <b>path</b>: <s>'/'</s>, 	<b>element</b>: <u>&lt;Index /&gt;</u> },
	<em># 嵌套路由且嵌套页面，必须带 Outlet，无法实现仅路由嵌套</em>
	{ 
		<b>path</b>: <s>'main'</s>,
		<b>path</b>: <s>'main/*'</s>, 	
		<b>element</b>: <u>&lt;Main /&gt;</u>, 		<em># 此组件必须带 Outlet</em>
		<b>children</b>:[
			{ <b>path</b>: <s>':id'</s>, 	<b>element</b>: <u>&lt;News /&gt;</u> },
			{ <b>path</b>: <s>'/my'</s>, 	<b>element</b>: <u>&lt;News /&gt;</u> },
			{ <b>path</b>: <s>'my'</s>, 	<b>element</b>: <u>&lt;News /&gt;</u> },
		]
	},
	{ <b>path</b>: <s>'/index'</s>, 		<b>redirectTo</b>:<s>'/'</s> },
	{ <b>path</b>: <s>'*'</s>, 			<b>element</b>:<u>&lt;News /&gt;</u> },
<q>])</q>
